<section class="widget wdg-tabs" data-showonscroll="true" data-animation="fadeIn">
                    <div class="widget-title clearfix">
                        <h3 class="hidden">Tabs Widget</h3>
                        <div class="sep-widget"></div>
                    </div>

                    <div class="widget-content paddingZero clearfix">
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#recent" data-toggle="tab">ล่าสุด</a></li>
                            <li><a href="#popular" data-toggle="tab">ยอดนิยม</a></li>
                            <li><a href="#comments" data-toggle="tab">ค้นหา</a></li>
                        </ul>

                        <!-- Tab panes -->
                        <div class="tab-content">

                            <aside class="tab-pane animated fadeInDown active" id="recent">
                                <h4 class="hidden">Recent Posts - Tab</h4>

                                <div class="wdg-classic-posts color-theme clearfix">
                                    <ul class="list-unstyled">
                                        <li class="post-item">
                                            <article class="post-box clearfix">
                                                <figure class="wdg-col-4 sec-image">
                                                    <div class="mask-background white"></div>

                                                    

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="<?php echo $imagepath;?>/new2.jpg"  />
                                                    </div>
                                                    
                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <div class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">NiNew</a></span>

                                                    <b><a href="#" title="">นิวอ้อร้อ จริงๆนะ</a></b>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">Serpentsoft</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                    </div>

                                                </div>
                                            </article>
                                        </li>

                                        <li class="post-item">
                                            <article class="post-box clearfix">
                                                <figure class="wdg-col-4 sec-image">

                                                    <div class="mask-background white"></div>

                                                   

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="<?php echo $imagepath;?>/new4.jpg" />
                                                    </div>
                    
                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <div class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">Sport</a></span>

                                                    <b><a href="#" title="">Nike's New Cleats to Debut at the Super Bowl</a></b>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">Serpentsoft</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                    </div>

                                                </div>
                                            </article>
                                        </li>

                                        <li class="post-item">
                                            <article class="post-box clearfix">
                                                <figure class="wdg-col-4 sec-image">

                                                    <div class="mask-background white"></div>

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="<?php echo $imagepath;?>/new5.jpg" />
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <div class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">World</a></span>

                                                    <d><a href="#" title="">4 Android Tablet Apps to Make Life Simpler</a></d>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">Mohammad</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>27 Aug 2013</span>

                                                    </div>

                                                </div>
                                            </article>
                                        </li>

                                    </ul>
                                </div>
                            </aside>

                            <aside class="tab-pane animated fadeInDown" id="popular">
                                <h4 class="hidden">Popular Posts - Tab</h4>

                                <div class="wdg-classic-posts color-theme clearfix">
                                    <ul class="list-unstyled">
                                        <li class="post-item">
                                            <article class="post-box clearfix">
                                                <figure class="wdg-col-4 sec-image">
                                                    <div class="mask-background white"></div>

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="<?php echo $imagepath;?>/new6.jpg"/>
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <div class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">Music</a></span>

                                                    <b><a href="#" title="">6 Music Mixing Apps to Help You Be Your Own DJ</a></b>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">Serpentsoft</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                    </div>

                                                </div>
                                            </article>
                                        </li>

                                        <li class="post-item">
                                            <article class="post-box clearfix">
                                                <figure class="wdg-col-4 sec-image">

                                                    <div class="mask-background white"></div>

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="<?php echo $imagepath;?>/new5.jpg" />
                                                    </div>


                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <div class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">Economy</a></span>

                                                    <b><a href="#" title="">8 Facebook Cynics Who Doubted the Company's Direction</a></b>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">Serpentsoft</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>14 Aug 2013</span>

                                                    </div>

                                                </div>
                                            </article>
                                        </li>

                                        <li class="post-item">
                                            <article class="post-box clearfix">
                                                <figure class="wdg-col-4 sec-image">

                                                    <div class="mask-background white"></div>

                                                    <div class="post-thumbnail border-radius-2px">
                                                        <img class="border-radius-2px" src="<?php echo $imagepath;?>/new7.jpg" />
                                                    </div>

                                                    <a href="#" class="more"></a>
                                                </figure>

                                                <div class="wdg-col-8 sec-title">

                                                    <span class="btn-srp"><a href="pg-category.html">Technology</a></span>

                                                    <b><a href="#" title="">Apple: 130,000 iOS Apps Are From Chinese Developers</a></b>

                                                    <div class="meta-info">

                                                        <span class="author"><i class="icon-user3"></i><a href="#">Mohammad</a></span>
                                                        <span class="date"><i class="icon-alarm2"></i>27 Aug 2013</span>

                                                    </div>

                                                </div>
                                            </article>
                                        </li>

                                    </ul>
                                </div>
                            </aside>

                            <aside class="tab-pane animated fadeInDown" id="comments">
                                <h4 class="hidden">Find Information</h4>
                                <form action="<?php echo base_url('home/search'); ?>" method="post" class="input-group">
                                          <input type="text" name="title" class="form-control input-sm" placeholder="คำค้นหา...">
                                          <span class="input-group-btn">
                                          <button class="btn btn-md glyphicon glyphicon-search btn-default" type="submit"> ค้นหา</button>
                                          </span>
                                   
                                </form>
                            </aside>
                        </div>
                    </div>
                </section>